<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/list.css">
    <link rel="stylesheet" href="../../public/reset.css">
    <link rel="stylesheet" href="../../swiper-11.0.3/swiper/swiper-bundle.min.css">
</head>

<body>
    <div class="head">
        <span class="fanhui">&lt;</span>
        <span>商品详情</span>
        <span>&nbsp;</span>
    </div>

    <div class="banner">
        <!-- Swiper -->
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">
                <img src="" alt="" class="swiper-slide">
                <div class="swiper-slide"></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>

    <div class="card">
        <p class="card-top luhaoxuan">1111</p>
        <p class="author luhaoxuan">1111</p>
        <p class="card-mid luhaoxuan">75人正在抢购</p>
        <div class="card-foot luhaoxuan">
            <p class="card-footl">￥14.7</p>
            <p class="card-footm">￥15</p>
            <input type="button" value="购买" class="card-footr">
        </div>
    </div>

    <div class="list-show">
        <h1>套餐内容</h1>
        <div class="listshow">
            <p class="listshowtit">浓醇鲜奶茶系列(5选1)500ml &nbsp; </p>
            <p class="listshowname"> &nbsp;</p>
            <span class="listshow-pic">14.7元</span>
        </div>
    </div>

    <div class="listshow-detailet">
        <p>温馨提示</p>
        <ul class="listshow-tit">
            <li>有效期</li>
            <li>无需预约</li>
            <li>支持退款</li>
            <li>支持花呗</li>
        </ul>
        <ul class="listshow-tit1">
            <li>有效期:购买起<span>3天</span>内有效，订单到期<span>自动退单</span>,<span>支持退款</span>支付后请妥蕾安排时间到店体验</li>
            <li>同一套餐每人每<span>7天</span>限购-次</li>
            <li>使用时段: <span>周一至周日 8:30-22:00</span></li>
            <li>本产品 <span>支持退款</span>，敬请谅解</li>
            <li>商品图片仅供参考，出品以实物为准。不提供发票</li>
            <li><span>支持花呗</span></li>
            <li>不与店内其他优惠活动同享</li>
            <li>请在点单前出示订单兑换验证页面，否则商家有权拒绝不予兑换</li>
            <li><span>仅限本人使用，不可转赠</span></li>
            <li>如有疑问请联系客服微信号:XXXXXXXX</li>
            <li>平台官方微信号:XXXXXXX</li>
        </ul>
    </div>

    <div class="UserReviews">
        <div class="UserReviews-one">
            <p>用户评价</p>
            <p> 好评 100%</p>
            <p>共<span class="usernum"></span>条评论&lt;</p>
        </div>
        <div class="UserReviews-two">
            <ul>
                <li>好评(<span>3</span>)</li>
                <li>中评(<span>0</span>)</li>
                <li>差评(<span>2</span>)</li>
                <li>晒单(<span>0</span>)</li>
            </ul>
        </div>
        <!-- 11111 -->
        <div class="UserReviews-three">

        </div>

    </div>

    <footer>
        <button>立即抢购</button>
    </footer>
</body>

</html>
<script src="../../public/ajaxTools.js"></script>
<script src="../../swiper-11.0.3/swiper/swiper-bundle.min.js"></script>
<script src="../js/list.js"></script>